//入口函数
$(function(){
    // 功能 点击a 连接 隐藏显示
    $('#loginBox a').on('click',function(){
        // 点击登录功能的a标签隐藏登录盒子显示注册盒子
        $('#loginBox').hide()
        $('#regBox').show()
    })
    $('#regBox a').on('click',function(){
        // 点击登录功能的a标签隐藏登录盒子显示注册盒子
        $('#regBox').hide()
        $('#loginBox').show()
    })
    // 表单验证功能
    let form = layui.form
    form.verify({
       username:[
           /^[\S]{1,10}$/,'用户名不能有空格，且1~10位'
       ]
        
        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        ,pwd: [
          /^[\S]{2,10}$/
          ,'密码必须6到12位，且不能出现空格'
        ] ,
        // 确认密码规则
        rePwd:function(value){
            // value 就是你给哪个标签添加这个校验规则，这个标签的值就赋值给value
            let pwd =$('#regBox input[name=password]').val()
                if(pwd !== value){
                    return '两次密码不一致'
                }
            

        }
      });      
            


    // 注册功能
    let  layer = layui.layer
    $('#regBox form').on('submit',function(e){
        // 阻止表单默认提交
        e.preventDefault()
        // 发送axios
        axios({
            method:'POST',
            url:'/api/reguser',
            data:$(this).serialize()
            
        }).then(res=>{
            if(res.data.status !== 0){
                return layer.msg(res.data.message)
            }
             layer.msg(res.data.message)
            //  重置表单
             $('#regBox form')[0].reset()
             $('#regBox a').click()

        })
    })

    // 登录功能
    $('#loginBox form').on('submit',function(e){
        e.preventDefault()
        // 发送axios
        axios({
            method:'POST',
            url:'/api/login',
            data:$(this).serialize()
        }).then(res=>{
            if(res.data.status !== 0){
                return layer.msg(res.data.message)
            }
            layer.msg(res.data.message)
            // 跳转到主页
            location.href = '/index.html'
            // 存到本地
            localStorage.setItem('token',res.data.token)
        })
    })

})

